﻿/// <reference path="jquery-1.10.2.min.js" />

var i = 0;
var flakeColor = "#ff0000";//定义雪片的颜色
var newOn = 100;//间隔多长时间，产生一个雪片，单位是毫秒
var flake = $("<div></div>").html("♥").css("position", "absolute");//定义雪片的对象

$(function () {
    Lunbo();
    var wWidth = $(window).width();//获取浏览器窗体的宽度
    var wHeigt = $(window).height();//获取到浏览器窗体的高度

    setInterval(function () {
        var startLeft = Math.random() * wWidth;//雪片产生的时候距离浏览器的left
        var endLeft = Math.random() * wWidth;//雪片下落后距离浏览器的left
        var flakeSize = 5 + Math.random() * 50;//雪片的大小
        var startOpacity = 0.7+0.3*Math.random();//雪片产生的时候的透明度
        var endOpacity = 0.4 + 0.3 * Math.random();//雪片下落后的透明度     
        var durationTime = 4000 + 8000 * Math.random();//雪片下落的时间，单位毫秒
        flake.clone().appendTo($("body")).css({
            "left": startLeft,
            "top": "-55px",
            "opacity": startOpacity,
            "color": flakeColor,
            "font-size": flakeSize
        }).animate({
            "left": endLeft,
            "opacity": endOpacity,
            "top":wHeigt
        }, durationTime, function () {
            $(this).remove();
        });
    }, newOn);

});


function Lunbo() {
    //页面打开之后，第一张图片显示，其余的图片隐藏
    $(".ig").eq(0).show().siblings().hide();
    //图片间隔3s轮播一次
    setInterval(function () {
        i++;
        if (i == 6) {
            i = 0;
        }
        $(".ig").eq(i).fadeIn(300).siblings().fadeOut(300);
    }, 3000);
}